<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">            <!-- 引入thymeleaf约束 -->
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>yoga主页</title>
		<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta content="telephone=no" name="format-detection">
		<link href="./手机app健康生活类页面模板_files/style.css" rel="stylesheet" type="text/css">
		<link href="./手机app健康生活类页面模板_files/font-awesome.min.css"  rel="stylesheet" type="text/css">
		<script src="./手机app健康生活类页面模板_files/jquery-1.10.2.js.下载"></script>
		<script src="./手机app健康生活类页面模板_files/jquery.min.js.下载"></script>
		<script src="./手机app健康生活类页面模板_files/slider.js.下载"></script>
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css">
	<link href="css/aaa.css" rel="stylesheet">
	<link href="css/index.css" rel="stylesheet">
	<script src="js_yj/aa.js"></script>
	
	
	<style>
	.tubiao{
	width:20px;
	}
	#permission{
	width:30px;
	height: 30px;
	}
	#who{
	width:100px;
	height:20px;
	border:1px red solid;
	}
	#search{
	background-color: lightgreen;
	margin-left: 10px;
	width:60px;
	border-radius: 10px;
	border:1px white solid;
	color:white;
	}
	.jq22-center {
	width:100%;
	box-sizing:border-box;
	text-align:center;
}
.jq22-center button {
	width:20%;
	border:0;
	border-radius:5px;
	color:#FFF;
	padding:10px 0;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
}
#search {
	background:linear-gradient(-59deg,transparent 21px,#d12826 0) top right;
	background-size:100% 100%;
	background-repeat:no-repeat;
	border-radius: 2px;
}
#select{
height:74%;
width:30%;
}
.alreadychoice {
			width:150px;
			height:38px;
			line-height:38px;
			text-align:center;
			background: linear-gradient(to right, #00cc99, #03dea7);
			border-radius:2px;
			border:2px rgba(255, 255, 255, .6) solid;
			cursor:pointer;
			padding:0px 20px;
			color:white;
			font-size:16px;
			display:block;
			float:left;
		}
	</style>
	</head>
	<body style="" id="click">
	
	

	<div id="systemmessage" style="display: block">
	<div  data-v-797941fa="" role="alert" class="van-notice-bar" style="height:32px;color:#01cd9a;" >
		<i class="van-icon van-icon-volume-o van-notice-bar__left-icon"></i>
					<div role="marquee" class="van-notice-bar__wrap" >
						<div class="van-notice-bar__content van-notice-bar__play--infinite" style="padding-left: 747px; animation-delay: 0s; animation-duration: 15s;">瑜课堂在此感谢所有伽人的陪伴，愿大家2019年“猪”事顺利！“瑜”见更好的自己！
							</div>
					</div>
					<i class="van-icon van-icon-cross van-notice-bar__right-icon" onclick="closemessage()"></i>
				</div>
	</div>
	
	
	
		<section class="jq22-flexView">
			<header class="jq22-navBar jq22-navBar-fixed">
				<a href="javascript:;" class="jq22-navBar-item">
				<!-- <img alt="" src="James Carrot" th:src="${user}"> -->
				<img id="permission" alt="" src="James Carrot" th:src="${user}">
				</a>
				<div class="jq22-center">
				 <select id="select" class="alreadychoice">
                               <option>教练</option>
                               <option>场馆</option>
                               <option>学员</option>
                                </select>
					<div class="jq22-head-search">
						<input type="text" placeholder="输入关键字查询" id="begin">
					</div>
					<input type="button" value="搜索" id="search">
				</div>
				<a href="javascript:;" class="jq22-navBar-item">
					<img src="./images/公告.png"  width="45%">
				</a>
				
			</header>
			<section class="jq22-scrollView">
				<div class="jq22-head-box">
					<div class="m-slider" data-ydui-slider="">
						<div class="slider-wrapper" style="transform: translate3d(-1241px, 0px, 0px); transition-duration: 300ms;">
							<div class="slider-item" style="width: 800px;height: 100%;">
								<a href="javascript:;">
									<img alt="" src="./手机app健康生活类页面模板_files/滚动图1.jpg">
								</a>
							</div>
							<div class="slider-item" style="width: 800px;height: 100%;">
								<a href="javascript:;">
									<img alt="" src="./手机app健康生活类页面模板_files/滚动图2.jpg">
								</a>
							</div>
							<div class="slider-item" style="width: 800px;height: 100%;">
								<a href="javascript:;">
									<img alt="" src="./手机app健康生活类页面模板_files/滚动图3.jpg">
								</a>
							</div>
							<div class="slider-item" style="width: 800px;height: 100%;">
								<a href="javascript:;">
									<img alt="" src="./手机app健康生活类页面模板_files/滚动图4.jpg">
								</a>
							</div>
							<div class="slider-item" style="width: 800px;height: 80%;">
								<a href="javascript:;">
									<img alt="" src="img/mes8.png">
								</a>
							</div>
						</div>
						<div class="slider-pagination"><span class="slider-pagination-item"></span><span class="slider-pagination-item slider-pagination-item-active"></span></div>
					</div>
				</div>
				<div class="jq22-palace jq22-palace-show">
					<a href="showcoach.html" class="jq22-palace-grid" id="coach">
						<div class="jq22-palace-grid-icon" id="img">
							<img src="./手机app健康生活类页面模板_files/icon-fi-001.png" alt="">
						</div>
						<div class="jq22-palace-grid-text" id="font">
							<h2>找教练</h2>
						</div>
					</a>
					<a href="showvenue.html" class="jq22-palace-grid">
						<div class="jq22-palace-grid-icon">
							<img src="./手机app健康生活类页面模板_files/icon-fi-002.png" alt="">
						</div>
						<div class="jq22-palace-grid-text">
							<h2>找场馆</h2>
						</div>
					</a>
					<a href="javascript:;" class="jq22-palace-grid" id="user">
						<div class="jq22-palace-grid-icon" id="userimg">
							<img src="./手机app健康生活类页面模板_files/icon-fi-003.png" alt="">
						</div>
						<div class="jq22-palace-grid-text" id="finduser">
							<h2>找学员</h2>
						</div>
					</a>
					<a href="James Carrot" th:href="${load}" class="jq22-palace-grid">
						<div class="jq22-palace-grid-icon">
							<img src="./手机app健康生活类页面模板_files/icon-fi-004.png" alt="">
						</div>
						<div class="jq22-palace-grid-text">
							<h2>订单</h2>
						</div>
					</a>
					<a href="javascript:;" class="jq22-palace-grid">
						<div class="jq22-palace-grid-icon">
							<img src="./手机app健康生活类页面模板_files/icon-fi-005.png" alt="">
						</div>
						<div class="jq22-palace-grid-text">
							<h2>敬请期待...</h2>
						</div>
					</a>
					<a href="javascript:;" class="jq22-palace-grid">
						<div class="jq22-palace-grid-icon">
							<img src="./手机app健康生活类页面模板_files/icon-fi-006.png" alt="">
						</div>
						<div class="jq22-palace-grid-text">
							<h2>敬请期待...</h2>
						</div>
					</a>
					<a href="javascript:;" class="jq22-palace-grid">
						<div class="jq22-palace-grid-icon">
							<img src="./手机app健康生活类页面模板_files/icon-fi-007.png" alt="">
						</div>
						<div class="jq22-palace-grid-text">
							<h2>敬请期待...</h2>
						</div>
					</a>
					<a href="javascript:;" class="jq22-palace-grid">
						<div class="jq22-palace-grid-icon">
							<img src="./手机app健康生活类页面模板_files/icon-fi-008.png" alt="">
						</div>
						<div class="jq22-palace-grid-text">
							<h2>敬请期待...</h2>
						</div>
					</a>
					<a href="javascript:;" class="jq22-palace-grid" id="model">
						<div class="jq22-palace-grid-icon">
							<img src="./手机app健康生活类页面模板_files/icon-fi-008.png" alt="">
						</div>
						<div class="jq22-palace-grid-text">
							<h2>敬请期待...</h2>
						</div>
					</a>
				</div>
				<div class="divHeight"></div>
				<div class="jq22-flex">
					<div class="jq22-flex-box">
						<h1> <i class="icon icon-more"></i> 每日精选</h1>
					</div>
					<div class="jq22-more">
						<a href="JavaScript:;">更多</a>
					</div>
				</div>
				<div class="jq22-list-theme">
					<a href="javascript:;" class="jq22-list-theme-item">
						<div class="jq22-list-img">
							<img src="img/mes1.jpg" alt="" style="height:280px">
						</div>
						<div class="jq22-list-title">
							<h3>专业心理健康评测</h3>
							<div class="jq22-ovf">
								<p><em>￥9.9</em> <i>80万人评测</i> </p>
							</div>
						</div>
					</a>
					<a href="javascript:;" class="jq22-list-theme-item">
						<div class="jq22-list-img">
							<img src="img/mes2.jpg" alt=""  style="height:280px">
						</div>
						<div class="jq22-list-title">
							<h3>专业心理健康评测</h3>
							<div class="jq22-ovf">
								<p><em>￥9.9</em> <i>80万人评测</i> </p>
							</div>
						</div>
					</a>
				</div>
					<iframe marginwidth=0 marginheight=0 width="100%" height=600 src="123.html" frameborder="no" scrolling="no"></iframe>
   
				
				<div class="jq22-flex">
					<div class="jq22-flex-box">
						<h1> <i class="icon icon-host"></i> 热门推荐</h1>
					</div>
					<div class="jq22-more">
						<a href="JavaScript:;">更多</a>
					</div>
				</div>
				
				
				<div class="jq22-list-theme jq22-list-theme-da">
					<a href="javascript:;" class="jq22-list-theme-item">
						<div class="jq22-list-img">
							<img src="./手机app健康生活类页面模板_files/ad-he-da-001.png" alt="">
						</div>
						<div class="jq22-list-title">
							<div class="b-line" style="margin-bottom:10px; padding-bottom:10px;">
								<h3>国际标准抑郁症侧题专业心理健康评测</h3>
								<p>抑郁症是精神世界上的一种感冒，一种虚无的东西可</p>
							</div>
							<div class="jq22-ovf">
								<p><em>￥<b style="font-size:1rem">9</b>.9</em> <i> 98万人气 80万人评测</i> </p>
							</div>
						</div>
					</a>
				</div> 
				<!-- 图文 -->
				<!-- 广告 -->
				<div class="jq22-head-list">
					<a href="javascript:;" class="jq22-flex b-line">
						<div class="jq22-flex-box">
							<h3>SCL90自评在线测试</h3>
							<p>这个症状是世界上的 是世界上最著名的心理健康评测的结果</p>
							<span>免费</span>
						</div>
						<div class="jq22-ad-ad-img">
							<img src="./手机app健康生活类页面模板_files/ad1.png" alt="">
						</div>
					</a>
					<a href="javascript:;" class="jq22-flex b-line">
						<div class="jq22-flex-box">
							<h3>SCL90自评在线测试</h3>
							<p>这个症状是世界上的 是世界上最著名的心理健康评测的结果</p>
							<span>免费</span>
						</div>
						<div class="jq22-ad-ad-img">
							<img src="./手机app健康生活类页面模板_files/ad2.png" alt="">
						</div>
					</a>
					<a href="javascript:;" class="jq22-flex b-line">
						<div class="jq22-flex-box">
							<h3>SCL90自评在线测试</h3>
							<p>这个症状是世界上的 是世界上最著名的心理健康评测的结果</p>
							<span>免费</span>
						</div>
						<div class="jq22-ad-ad-img">
							<img src="./手机app健康生活类页面模板_files/ad3.png" alt="">
						</div>
					</a>
				</div>
				<div id="who" th:text="${who}"></div><div id="ok" th:text=${ok}></div>
			</section>
		</section>
		<!-- 底部导航 -->
		<footer class="jq22-footer jq22-footer-fixed">
			<a href="James Carrot" th:href="${main}" class="jq22-tabBar-item jq22-tabBar-item-active">
				<div class="tubiao">
					<img src="./images/首页.png" >
				</div>
				<span class="jq22-tabBar-item-text">首页</span>
			</a>
			<a  href="James Carrot" th:href="${alive}" class="jq22-tabBar-item jq22-tabBar-item-active">
				<div class="tubiao">
					<img src="./images/消息.png" >
				</div>
				<span class="jq22-tabBar-item-text">动态</span>
			</a>
			<a href="James Carrot" th:href="${loadfriend}" class="jq22-tabBar-item jq22-tabBar-item-active">
				<div class="tubiao">
					<img src="./images/好友.png" >
				</div>
				<span class="jq22-tabBar-item-text">好友</span>
			</a>	
			<a href="James Carrot" th:href="${load}"  class="jq22-tabBar-item jq22-tabBar-item-active">
				<div class="tubiao">
					<img src="./images/我的.png" >
				</div>
				<span class="jq22-tabBar-item-text">我的</span>
			</a>
		</footer>
		 <div id="isout" th:text="${isout}">
		</div>
		<div id="play"></div>

		<div id="isem" th:text="${isem}"></div>
	</body>

	
	</body>
<script type="text/javascript">
$(function(){

	$("#search").click(function(){
		var user_name=$("#begin").val();
		$("#select").val();//获取当前选择项的值.
		var options=$("#select option:selected");//获取当前选择项.
		var text=options.val();//获取当前选择项的值.
		    $.ajax({url:"/chat/search",data:{
		    	text:text,
		    	user_name:user_name,
		    },success:function(data){
		    	location.href="/chat/show";
		    }
		    });
	});


	var who=$("#who").html();
	var ok=$("#ok").html();
	var isout=$("#isout").html();
	var isem=$("#isem").html();
	if(who=="user"||who=="tourists"){
		$("#user").remove();
		$("#userimg").remove();
		$("#finduser").remove();
	}
	if(who=="coach"){
		$("#coach").remove();
		$("#img").remove();
		$("#font").remove();
	}
	if(who=="tourists"){
		$("#click").click(function(){
			var a=confirm("您还未登入，无法访问该页面！是否前往登入？");
			if(a){
				location.href="/chat/start";
			}
		});
	}
	if(ok=="warn"){
		alert("！！！检测到密码已被修改，请重新登入！！！");
		location.href="/chat/out";
	}else{
		$("#ok").remove();
	}
	if(isout=="warn"){
		alert("警告！！！你的账号已在其他地方登入！！！建议立刻修改密码！");
	        location.href="/chat/out";
	}else{
		$("#isout").remove();
	}
	if(isem=="null"){
		var al=confirm("您还未完善信息，现在去完善？");
		if(al){
			location.href="/chat/user_info";
		}else{
			$("#isem").remove();
		}
	}
});
</script>


<!-- 接受消息 -->
<script type="text/javascript" src="https://cdn-hangzhou.goeasy.io/goeasy.js"></script>           <!--  // 私信 -->

<script th:inline="javascript">
var goeasy = new GoEasy({
    appkey: 'BC-372aceece223476f86fe396ab9676c1c'
});

goeasy.subscribe({	  
    channel:[[${userid}]],         
    onMessage: function (message) {
        //收到消息的第一行，打出日志，以这个时间作为检查的标准
        $("#systemmessage").show();
        $(".van-notice-bar__content").html(message.content);
    
    }
}); 

</script>

<script type="text/javascript">
function closemessage(){
	$("#systemmessage").hide();   //关闭上方通知 
}


</script>


</html>
